<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"/>
	<link rel="stylesheet" href="css/estilos.css" type="text/css" media="screen"/>

        <!-- favicon de la página -->
        <link href="img/favicon.ico" rel="shortcut icon" />
        
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript" src="js/plan.js"></script> 

	<title>MASTERINFTEL</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />



</head>



    <body>

        <!-- CABECERA: Logotipos y título de la web -->
        <div id="cabecera">
            <div class="contenedor960">

                <!-- logos -->
                <a class="logo fl" href="index.html" title="Máster Universitario de Informática aplicado a las Telecomunicaciones Móviles">
                    <img src="img/logos.png" alt="Máster INFTEL" />
                </a>

                <img class="fl" src="img/adorno_Cabecera.png" alt="adorno" />

                <!-- Textos descriptivos -->
                <h1 class="fr">Conceptos y Recursos Básicos de Internet</h1>
                <h2 class="fr">HTML, CSS, JavaScript, JQuery, Ajax,...</h2>


            </div> <!-- fin contenedor960 -->
        </div> <!-- fin cabecera -->






        <!-- MENU: Inicio - Grupo - Planificación - Recursos -->
        <div id="menu">
            <div class="contenedor960">
                <ul>
                    <li><a href="index.html" title="Inicio">Inicio <span>presentación</span> </a></li>
                    <li><a href="grupo.html" title="Grupo">Grupo <span>¿quienes somos?</span></a></li>
                    <li><a href="plan.html" title="Planificación">Planificación <span>calendario de trabajo</span></a></li>
                    <li><a href="recursos.html" title="Recursos">Recursos <span>recursos, enlaces, etc...</span></a></li>
                </ul>

            </div> <!-- fin contenedor960 -->
        </div> <!-- fin menu -->













        <div class="contenedor960">
        <a class="botonCalendar boton">+Calendar</a>





            <!-- INCLUIR CONTENIDO -->
            <!--
            <iframe src="https://www.google.com/calendar/embed?height=600&amp;wkst=2&amp;bgcolor=%23FFFFFF&amp;src=n73u2m8nb1lvjpo4jf511l9kuc%40group.calendar.google.com&amp;color=%23875509&amp;ctz=Europe%2FMadrid" style=" border-width:0 " width="800" height="600" frameborder="0" scrolling="no"></iframe>
            -->
            <span class="enlace"><iframe src="https://www.google.com/calendar/embed?height=600&amp;wkst=2&amp;bgcolor=%23FFFFFF&amp;src=mdvu7kjn2p6a9usq7l7js8o2g8%40group.calendar.google.com&amp;color=%23B1440E&amp;ctz=Europe%2FMadrid" style=" border-width:0 " width="800" height="600" frameborder="0" scrolling="no"></iframe></span>




        </div>





















        <!-- PIE: Mapa web, patrocinador, ... -->
        <div id="pie">
            <div class="contenedor960">

                <div id="pie_col_Izquierda" class="fl">
                    <h3>Información de Contacto</h3>

                    <p>
                        Para más información sobre las distintas prácticas realizadas por este grupo
                        de trabajo, envíenos un email a <a href="mailto:masterinftel@yahoo.es?Subject=WEB%20MASTERINFTEL">masterinftel@yahoo.es</a>
                        y en breve nos pondremos en contacto con usted.
                    </p>

                    <p>

                        <!-- Botón Twitter: se hace mediante script para que siga siendo xhtml 1.0 Transational Válido, ya la que las propiedades por defecto sólo son válidas en html5 -->

                        <script type="text/javascript">
                            //<![CDATA[
                            (function() {
                                document.write('<a href="https://twitter.com/master_inftel" class="twitter-follow-button" data-button="grey" data-text-color="#FFFFFF" data-link-color="#00AEFF" data-lang="es">Segui @master_inftel</a>');
                                var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
                                s.type = 'text/javascript';
                                s.async = true;
                                s.src = 'http://platform.twitter.com/widgets.js';
                                s1.parentNode.insertBefore(s, s1);
                            })();
                            //]]>
                        </script>

                    </p>
                </div> <!-- fin pie_col_Izquierda -->



                <div id="pie_col_Centro" class="fl">
                    <h3>Mapa web</h3>
                    <ul>
                        <li><a href="index.html">Inicio</a></li>
                        <li><a href="grupo.html">Grupo</a></li>
                        <li><a href="plan.html">Planificación</a></li>
                        <li><a href="recursos.html">Recursos</a></li>
                    </ul>
                </div> <!-- fin pie_col_Centro -->




                <div id="pie_col_Derecha" class="fl">

                    <h3>Validaciones</h3>


                    <!-- logos W3C validator -->
                    <p>
                        <a href="http://validator.w3.org/check?uri=referer">
                            <img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" />
                        </a>
                    </p>


                    <p>
                        <a href="http://jigsaw.w3.org/css-validator/check/referer">
                            <img style="border:0;width:88px;height:31px"
                                src="http://jigsaw.w3.org/css-validator/images/vcss"
                                alt="¡CSS Válido!" />
                        </a>
                    </p>



                </div> <!-- fin pie_col_Derecha -->


            </div> <!-- fin contenedor960 -->
        </div> <!-- fin pie -->





        <!-- PIE: Copyright -->
        <div id="copyright">
            <div class="contenedor960">

                <p>&copy; Copyright 2011 MASTER INFTEL. Todos los derechos reservados</p>


            </div> <!-- fin contenedor960 -->
        </div> <!-- fin copyright -->

    </body>
</html>	